<template>
   <div class="material">
       <p-row space="10">
           <p-col span="5" offset="2">
               <p-card title="登录组件">内容</p-card>
           </p-col>
            <p-col span="5">
               <p-card title="登录组件">内容</p-card>
           </p-col>
            <p-col span="5">
               <p-card title="登录组件">内容</p-card>
           </p-col>
            <p-col span="5">
               <p-card title="登录组件">内容</p-card>
           </p-col>
           <p-col span="5" offset="2">
               <p-card title="登录组件">内容</p-card>
           </p-col>
            <p-col span="5">
               <p-card title="登录组件">内容</p-card>
           </p-col>
            <p-col span="5">
               <p-card title="登录组件">内容</p-card>
           </p-col>
            <p-col span="5">
               <p-card title="登录组件">内容</p-card>
           </p-col>
       </p-row>
   </div>
</template>
<script>
export default{
    
}
</script>
<style>
.material{
    margin: 20px;
}
</style>